.ranking-list-collect{
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.header-calendar{
  width:1.02rem;
  height:1.16rem;
  background-image: url("../img/index/calendar.png");
  background-size:1.02rem 1.16rem;
  position: absolute;
  top:1.12rem;
  left:0.63rem;
  div{
    color:#e8b958;
    width:0.56rem;
    height:0.40rem;
    position:absolute;
    top:0.54rem;
    left:0.24rem;
    p{
      font-size:0.38rem;
      text-align:center;
    }
  }
}
header {
  width:100%;
  height:3.31rem;
  position: relative;
  .banner-image{
    width:100%;
    height:3.31rem;
  }
  div{
    position:absolute;
    top:2.63rem;
    left:1.26rem;
    p{
      color:#e8b958;
      font-size:0.16rem;
    }
  }
}
.section-first{
  height:1.90rem;
  display:flex;
  .left-image{
    width:2.12rem;
    height:1.90rem;
    display:flex;
    flex:2;
    justify-content: center;
    align-items: flex-end;
    .king-image{
      display:block;
      width:1.47rem;
      height:1.47rem;
      p{
        text-align:center;
        width:0.71rem;
        line-height:0.56rem;
        font-size:0.47rem;
        color:#e8b958;
      }
    }
  }
  .right-wine-list{
    padding-right:0.3rem;
    height:1.90rem;
    display:flex;
    flex:5;
    justify-content: space-around;
    align-items: center;
    border-bottom:0.01rem #999999 solid;
    .red-wine-name{
      width:4.70rem;
      p{
        font-size:0.25rem;
        line-height:0.54rem;
        color:#373b3e;
        font-weight: bold;
      }
      .num-collect{
        margin-left:-0.13rem;
      }
      span{
        display:inline-block;
        color:#747479;
        padding:0 0.13rem;
        font-size:0.18rem;
        margin-top:0.12rem;
      }
    }
  }
}
.heart{
  img{
    width:0.40rem;
    height:0.40rem;
  }
}
}
